<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8"/>
    <meta name="baidu-site-verification" content="yFTo7rWy0t" />
    <title th:text="${tInformation.title}"></title>
    <link th:replace="fragment/fragment::header"/>
    <link th:href="@{/css/home/detail.css}" rel="stylesheet"/>
    <script>
        $(document).ready(function(){

            $('.flicker-example').flicker();
        });
    </script>
</head>
<body>
<div class="container">
    <div class="head-top">
        <div style="width: 1100px; margin:0 auto;">
            <a href="#appdownload">移动端客户</a>
            <img th:src="@{/img/phone.png}"/>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="nav" th:include="fragment/fragment::nav">

    </div>
    <div class="box">
        <div class="container_01">
            <h1 th:text="${tInformation.title}"></h1>
            <span th:text="'发布时间：'+${publishTime}"></span>

            <iframe th:if="${not #strings.isEmpty(tInformation.videoUrl)}"
                    height='398px;' width='700px;' frameborder='0'
                    allowfullscreen="allowfullscreen"
                    th:src='${tInformation.videoUrl}'>
            </iframe>
            <p th:utext="${tInformation.content}"></p>
        </div>
        <div class="container_02">
            <div class="news_01">
                <h3><i></i>最新资讯</h3>
                <div class="container_02_box" th:each="infor,iterStat:${list}">
                    <div class="container_02_text" >
                        <h2><a th:text="${infor.title}" th:href="@{'/detail/'+${infor.id}}"></a></h2>
                        <p th:text="${infor.author}"></p>
                    </div>
                    <img th:src="${#strings.arraySplit(infor.coverUrl,'@@@@')[0]}"/>
                    <div class="clearfix"></div>
                </div>

            </div>
            <div class="news_02">
                <h3><i></i>推荐热文</h3>
                <ul>
                    <li th:each="infor,iterStat:${list2}"><i th:text="${iterStat.index+1}"></i><a target="_self" th:href="'/detail/'+${infor.id} " class="textyc_sl" th:text="${infor.title}"></a></li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
        <!--<div class="right-float" id="FloatDIV"><img src="../../img/saoma.png"/></div>-->
    </div>
    <div class="footer" th:include="fragment/fragment::footer">

    </div>
    </div>
<!--<script src="js/jquery-2.1.1.min.js"></script>-->
<!--<script src="js/common.js"></script>-->
<!--百度抓取-->
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
</body>
</html>